﻿body {
    font-family: 宋体;
    background: url('../Image/白色背景.jpg') no-repeat center center;
    background-size: cover;
    height:100vh;
}

#daohang {
    float: right;
    width: 400px;
    height: 66px;
    list-style:none;
}
h3 {
    font-size:20px;
    float: left;
}

#logo{
    width:300px;
    height:66px;
    float:left;
}
li {
    float: right;

}
#one {
    background-color: #3d454c;
    width: 100%;
    height: 70px;
    border-radius:11px;
}
hr{
    
    width:100%;
}
form{

}
.alink {
    width: 60px;
    height: 11px;
    font-size: 22px;
    text-decoration: none;
    margin: 12px;
    padding: 11px;
}
.alink:link {
    color: #ffff99;
}
.alink:hover {
    background-color: #5A88D0;
    border-radius: 11px;
    color: #ffffff;
}
.alink:active {
    color: #000000;
}
.alink:visited {
    color: black;
}
#status{
    width:300px;
    background-color:gray;
    height:30px;
    float:right;
    border-radius:11px;
    padding:3px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-style:oblique;
    color:red;
}
#content{
    float:none;
    margin:36px auto;
    width:500px;
    height:500px;
    position:absolute;
    top:25%;
    left:38%
}

#status_user{
    width:100%;
    height:30px;


}
#loginform{

}
.left-sidebar {
    
}
nav{
    float:left;
    width:200px;
    height:650px;
    background-color:coral;
    border-radius:11px;
}
.nav ul{
    width:70px;
    height:550px;
    padding:20px 0;
    background-color:antiquewhite;
    position:absolute;
    top:0;
    right:0;
    list-style:none;
}

/* 侧边栏样式 */
.menus {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: left 0.5s; /* 动画效果 */
    position: absolute;
    top: 100px;
    left: -300px; /* 默认隐藏 */
    bottom: 0;
    overflow-y: auto;
    float: left;
    width: 200px;
    height: 650px;
    background-color: coral;
    border-radius: 11px;
    overflow:hidden;
}

.menus li {
    padding: 3px;
}

.menus a {
    text-decoration: none;
    display: block;
    padding: 8px 16px;
    color: black;
}

    .menus a:hover {
        background-color: #555;
        color: white;
    }
/* 图片按钮样式 */
.menu-toggle {
    cursor: grab;
    float: left;
}







